.system-setting .q-dialog__inner--minimized {
  padding: 0;

  .system-setting__card {
    width: 15rem;
    max-height: 100% !important;

    .q-toolbar {
      min-height: 0;
    }
  }
}

.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .menu-cls .q-item,
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .menu-cls .q-item__section {
  padding-left: 0 !important;
}

.layout-herder .q-toolbar {
  height: 3.75rem;
  min-height: auto;
  background-color: #1853C1;
}

.console-cls {
  background-size: cover;
  background-image: url("../assets/CONSOLE-BG.png");
}

.q-page {
  max-height: 100%;
}

.q-layout__shadow:after {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}

.LOGO-cls {
  width: 200px;
  height: 100%;

  .LOGO-title {
    letter-spacing: .2rem;
  }

  .q-img__container {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .q-img__image {
    height: auto;
    filter: drop-shadow(.125rem .125rem .3125rem RGBA(0, 0, 0, .3));
  }

  .logo-error {
    padding: 0;
    background: inherit;
    letter-spacing: .3125rem;
  }
}

.service-list {
  &-loading {
    opacity: .5;
    position: fixed !important;
  }

  &-active-cls {
    background: linear-gradient(180deg, transparent 5%, rgba(0, 168, 255, .55));
  }

  &-item:hover {
    text-shadow: .125rem .125rem .3125rem RGBA(0, 0, 0, .5);
  }
}

.tags-view {
  height: 2rem;

  .tagView-remove-icon {
    margin-left: .25rem;
    font-size: .9rem;
    border-radius: .2rem;
    opacity: 0.58;
    transition: opacity .3s;
  }

  .tagView-remove-icon:hover {
    opacity: 1;
  }

  .q-tab__content .q-tab__icon {
    width: .875rem;
    height: .875rem;
    font-size: .875rem;
  }

  .q-tab__icon + .q-tab__label {
    padding-left: .25rem;
  }

  .q-tab__label {
    font-size: .815rem;
  }
}

.menu-cls {
  width: 100%;
  height: 100%;

  .q-list--dense > .q-item, .q-item--dense {
    padding: .875rem .5rem;
  }

  .q-item__section--side {
    padding-right: .375rem;
  }

  .q-item__section--side > .q-icon {
    font-size: 1.125rem;
  }

  .active-menu-icon {
    color: #00DFFF;
  }
}

.skip-top .q-page-sticky {
  z-index: 10;
}

.update-logs {
  width: 17.5rem;
  max-height: 25rem;

  &::-webkit-scrollbar-thumb {
    background-color: transparent;
  }

  .q-timeline__content {
    padding-bottom: $space-base;
  }

  .q-timeline__dot {
    top: -.05rem;
  }

  .q-timeline--dense--right .q-timeline__entry {
    padding-left: 1.375rem;
  }

  .q-timeline__title {
    margin-bottom: .5rem;
  }

  .q-item {
    padding: .25rem .5rem;
  }
}

.user-info {
  .q-tab-panels {
    min-height: 25rem;
  }

  .q-separator--horizontal {
    height: .125rem;
  }
}